/*============MAIN==============*/
* {
	margin: 0px;
	padding: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	
}

BODY {
	overflow: hidden;
	font-size: 12px;
	background: #666;
	min-height: 420px !important; /*hide panel*/
	font-family: Helvetica, Arial, sans-serif;
}


NOSCRIPT>H1.jsDisabled {
	font-size: 2em;
	color: red;
	position: absolute;
	padding: 20px;
	text-align: center;
	z-index: 30;
}

.selectable,input,textarea {
	-webkit-user-select: auto;
}

.instructions {
	-webkit-user-select: text;
}

.jCurrent {
	z-index: 20;
}

.jPop {
	z-index: 21;
}


#scrSearch {
	width: 100%;
}

#scrIndex {
	min-height: 420px !important;
	width: 100%;
}

.bkgImage {
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-position: center;
	text-align: center;
}

/*@ Pager @*/
#readerPager {
	position: relative;
	overflow: scroll;
}

#cntPages {
	width: 5000px;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-webkit-transform: translate3d(0px, 0px, 0px);

}

#curPages {
	position: fixed;
	display: none;
}

BODY.portrait #curPages>DIV:last-child, BODY.portrait #cntPages>DIV:last-child	{display: none;}
	
#cntPages>DIV, #curPages>DIV {
	background-color: #666;
	float: left;
	text-align: center;
	position: relative;
	/*padding: 10px 0px;*/
}

#cntPages>DIV>DIV, #curPages>DIV>DIV {
	margin: auto;
}

BODY.landscape #cntPages>DIV:nth-child(odd)>DIV, BODY.landscape #curPages>DIV:first-child>DIV {
	float: right;
}

BODY.landscape #cntPages>DIV:nth-child(even)>DIV, BODY.landscape #curPages>DIV:last-child>DIV {
	float: left;
}

#cntPages>DIV>SPAN, #curPages>DIV>SPAN {
	color: #ffffff;
	font-size: 12px;
	position: absolute;
}

/*@TMP@*/
#cntPages>DIV>SPAN, #curPages>DIV>SPAN {
	left: 50%;
}

BODY.landscape #cntPages>DIV:nth-child(odd)>SPAN, BODY.landscape #curPages>DIV:nth-child(odd)>SPAN {
	left: 5%;
}

BODY.landscape #cntPages>DIV:nth-child(even)>SPAN, BODY.landscape #curPages>DIV:nth-child(even)>SPAN {
	left: 90%;
}

/*@ Text View @*/
#readerText {	
	position: fixed;
	overflow: auto;
	font-size: 1.5em;
	background: #fff;
	display: none;

}

#readerText>PRE{
	font-family: inherit;
	white-space: pre-wrap;
	padding: 10px;
}




#readerText.pop {
	display: block;
}

#readerText.active {
	-webkit-border-image: none;
	color: #000;
}

MARK {
	background: yellow;
	color: red;
}

/*@ Page Zoom @*/
#pageZoom {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: auto;
	z-index: 200;
	display: none;
	width: 100%; height: 100%; overflow: hidden;
	background-color: rgba(100, 100, 100, 0.8);
}
#cntPageZoom {
	position: absolute;
	overflow: visible;
	-webkit-transition: -webkit-transform 0s linear;
}

#pageZoom>DIV>DIV.bkgImage {
	/*-webkit-transition: -webkit-transform 0.2s linear;*/
	-webkit-transition: all 200ms linear;
}



/*@ Book Index @*/
#bookIndex{	text-align: center;}
#bookIndex>DIV{
	display: inline-table;
	/*ch*/
	margin: 5px;
	/*background-image:	url(./../emags/adecco/source/images/thumbnails/thumbnail1.jpg);*/
}

#bookIndex>DIV>DIV{
	border: 1px solid black;
}
#bookIndex>DIV>SPAN{
	font-size: 1em;
	color: #ffffff;
}

#bookIndex>DIV.active>SPAN{
	color: green;
	text-shadow: #ffffff 1px 1px;
}


#bookIndex>DIV.active>DIV {
	border: 3px solid green;
}

/*@ Search @*/
#scrSearch>H2 {
	display: none;
}



#scrSearchResults UL>LI.active {
	color: green;
}


/*@ Share @*/
#scrShare UL.jUL LI {
	padding: 0px;
	padding-left: 10px;
	padding-top: 10px;
	height: 50px;
}

#scrShare UL.jUL LI SPAN {
	background-repeat: no-repeat;
	background-image: url("../img/soc_bookm.png");
	padding-bottom: 20px;
	padding-left: 60px;
	padding-top: 20px;
	width: 100%;
	display: block;
}

#scrShare UL.jUL LI SPAN.active {
	background-color: #53b401;
	color: #fff;
}

#scrShare {
	margin-bottom: 50px;
}

#bmTwitter {
	background-position: 10px 10px;
}

#bmFacebook {
	background-position: 10px -46px;
}

#bmDigg {
	background-position: 10px -100px;
}

#bmDelicious {
	background-position: 10px -155px;
}

#bmStumbleupon {
	background-position: 10px -207px;
}

#bmMyspace {
	background-position: 10px -260px;
}

/*SPLASH AND HELP*/
#splashScreen{
	position: absolute;
	left: 0px; top: 0px;
	width: 100%;
	height: 100%;
	
	text-align: center;
	display: table;
	z-index: 300;
}

#splashScreen DIV{
	display: table-cell;
	vertical-align: middle;
	text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px;
	font-size: 20px;
	font-weight: bold;
}

#splashScreen>DIV>DIV{
	width: 220px;
	background: #999999;
	border-radius: 8px;
	 -webkit-border-radius: 8px;
	padding: 10px;
	display: block;
	margin:0 auto;	
}

/*LLLAB*/
#content {
	position: relative;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out; 
}

.jPage>DIV:nth-child(2){
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.active{
	color: green;;
}